// import React from 'react'
import  React,{useState} from 'react'

export default function UseStateCom() {
  //声明一个状态    useState 调用时接收一个参数, 就是『状态的初始值』
  let [count, setCount] = useState(0);
  let [count2, setCount2] = useState(100);
  //声明一个函数
  let add = () => {
    //更新状态
    setCount(count + 1);
  }

  let sub=()=>{
    //更新的时候里面可以传函数
    setCount(count=>count-1)
  }
  let keep=()=>{
    setCount(count)
  }
  let two=()=>{
    if (count===count2) {
      alert('你滴,不要再点了的干活')
      return
    }
    setCount(count+1)
    setCount2(count2-1)
  }
  return (
    <div>
      <h2>{count}</h2>
      <hr />
      <button onClick={add}>自增</button>
      <button onClick={sub}>自减</button>
      {/* 如果这一次和上一次的值没有变化,不会进行从新渲染 */}
      <button onClick={keep}>不变</button>
      <h2>{count2}</h2>
      <button onClick={two}>都变</button>
    </div>
  )
}
